@tailwind base;
@tailwind utilities;
@tailwind components;

/* Custom Styles */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Gradient Animations */
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.animate-gradient {
  animation: gradient 15s ease infinite;
  background-size: 400% 400%;
}

.bg-gradient-text {
  @apply bg-clip-text text-transparent bg-gradient-to-r from-primary-600 to-secondary-600;
}

.dark .bg-gradient-text {
  @apply bg-clip-text text-transparent bg-gradient-to-r from-primary-400 to-secondary-500;
}

/* Pattern Background */
.pattern-bg {
  background-image: 
    linear-gradient(45deg, rgba(255,255,255,.05) 25%, transparent 25%), 
    linear-gradient(-45deg, rgba(255,255,255,.05) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(255,255,255,.05) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(255,255,255,.05) 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  @apply bg-gray-200 dark:bg-gray-800 rounded;
}

::-webkit-scrollbar-thumb {
  @apply bg-primary-600/70 dark:bg-primary-600 rounded;
}

::-webkit-scrollbar-thumb:hover {
  @apply bg-primary-600/90 dark:bg-primary-700 rounded;
}

/* Hide scrollbar but allow scrolling */
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Smooth transitions */
.transition-all {
  transition-duration: 300ms;
} 